const { defineConfig } = require('@vue/cli-service');
module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    // 自动打开浏览器配置
    // open: true,
    // 配置主机地址
    host: "127.0.0.1",
    // // 配置端口号:
    port: 8088,
    // // 配置是否开启服务器压缩
    compress: true,

    // 我们可能会配置多个代理 每一个代理都起一个名字作为这个配置对象的key 未来通过把这个名字作为请求前缀来区分使用哪一个代理
    proxy: {
      "/dev-api1": {
        // 目标服务器地址
        target: "http://gmall-h5-api.atguigu.cn/",
        // 是否开启WebSocket协议
        // ws: true,
        // 是否在跨域的时候，把请求的源改为目标地址
        changeOringin: true,
        // 如果需要请求代理 则把请求地址的前缀替换(前缀的作用只是为了找到对应的代理)
        pathRewrite: {
          "^/dev-api1": ""
        }
      }
    }
  },
  // 是否打开esLint检测(默认是true)
  // lintOnSave:false

  // 配置路径别名
  // 如果configureWebpack这个值是一个对象，则会通过 webpack-merge合并到最终的配置中
  configureWebpack: {
    resolve: {
      alias: {
        "@comp": "@/components"
      }
    }
  }
});
